import React, { Component } from 'react'
import { FormattedMessage, FormattedNumber } from 'react-intl'
import { Icon } from 'antd-mobile'

export default class ChatRoom extends Component {
  render() {
    return (
      <div className="rt-chatroom">
         <p className="rt-top-chat">
         		<FormattedMessage
              id='chatRoom'
            />
         		<span className="chatwrite">
	         	 	<Icon type={require('static/svg/m_chat.svg')}/>
	         </span>
         </p>
         <ul>
         		<li className="-one">
         			<div className="-picture">
         				<img src={require('static/images/chat_01.png')}/>
         			</div>
         			<div className="chat-right">
         				<span>
         					<span>
         						<FormattedMessage
				              id='name'
				            />
         					</span>
         					<span>
         						<FormattedMessage
				              id='time'
				            />
         					</span>
         				</span>
         				<span>
         					<FormattedMessage
				              id='content'
				            />
         				</span>
         			</div>
         		</li>
            <li className="-one">
              <div className="-picture">
                <img src={require('static/images/chat_01.png')}/>
              </div>
              <div className="chat-right">
                <span>
                  <span>
                    <FormattedMessage
                      id='name'
                    />
                  </span>
                  <span>
                    <FormattedMessage
                      id='time'
                    />
                  </span>
                </span>
                <span>
                  <FormattedMessage
                      id='content'
                    />
                </span>
              </div>
            </li>
         </ul>
      </div>
    )
  }
}